<template>
	<view class="">
		<view class="nav_top-bg">
			<u-navbar title="案例展示详情">
				<view class="u-nav-slot" slot="left">
					<u-icon name="arrow-left" @click="go_black" size="19"></u-icon>
					<u-line direction="column" :hairline="false" length="16" margin="0 10px"></u-line>
					<u-icon name="home" @click="goHome" size="20"></u-icon>
				</view>
			</u-navbar>
		</view>
		<view class="lunbo">
			<u-swiper :list="list1" height="434rpx" radius="0" indicator indicatorMode="dot" keyName="image"></u-swiper>
			<view class="sheji">{{content_info.title}}</view>
			<image @click="shoucang_click"
				:src="content_info.shoucang == 1 ? '../static/shoucang_xz_icon.png' : '../static/shoucang_icon.png'"
				mode="widthFix" class="shoucang"></image>
		</view>
		<!-- <view class="scroll-view-item_H d-flex ">
			<view class="img-list">
				<image class="touxiang-img" :src="content_info.user.avatar" mode=""></image>
			</view>
			<view class="name-tit">
				<view class="d-flex align-items gs-list">
					<view class="name-t">{{content_info.userinfo.company_contact}}</view>
					<view class="company-t d-flex align-items">
						<image class="dwImg" src="../../static/jianfang/dw.png" mode="widthFix"></image>
						{{content_info.cityname}} {{content_info.areaname}}
					</view>

				</view>
				<view class="company-t">{{content_info.userinfo.company_name ? content_info.userinfo.company_name : ''}}
				</view>
				<view class="type-list-1 d-flex align-items">
					<view class="type-list-m-1">{{content_info.diyinfo.fenggename}}</view>
					<view class="type-list-m-1">{{content_info.diyinfo.huxingname}}</view>
				</view>
			</view>
			<view class="go_sheji">找设计</view>
		</view> -->
		<view class="company">
			<view class="d-flex align-items w-630 justify-content-space-between">
				<view class="d-flex align-items" @click="shejishi_detail(content_info.userinfo)">
					<image class="tx-gs" :src="content_info.user.avatar" mode=""></image>
					<view class="gs-t" v-if="content_info.infotype_id == 5">{{content_info.userinfo.shigong_contact}}
					</view>
					<view class="gs-t" v-else>{{content_info.userinfo.company_name ? content_info.userinfo.company_name : content_info.userinfo.company_contact}}</view>
				</view>
				<view class="go_see" @click="find_sheji" v-if="content_info.infotype_id !== 5">找设计</view>
			</view>
			<view class="w-630 jianjie">{{content_info.userinfo.instr ? content_info.userinfo.instr : ''}}</view>
		</view>
		<!-- 户型介绍 -->
		<view class="">
			<view class="huxing d-flex align-items">
				<view class="huxing-01" v-if="content_info.infotype_id == 5 || content_info.infotype_id == 7">
					<view class="fg">面宽</view>
					<view class="fg-info">{{content_info.diyinfo.miankuan}}m</view>
				</view>
				<view class="huxing-01" v-if="content_info.infotype_id == 8 || content_info.infotype_id == 6">
					<view class="fg">风格</view>
					<view class="fg-info">{{content_info.diyinfo.fenggename}}</view>
				</view>
				<view class="huxing-01" v-if="content_info.infotype_id == 5 || content_info.infotype_id == 7">
					<view class="fg">进深</view>
					<view class="fg-info">{{content_info.diyinfo.jinshen}}m</view>
				</view>
				<view class="huxing-01" v-if="content_info.infotype_id == 8 || content_info.infotype_id == 6">
					<view class="fg">户型</view>
					<view class="fg-info">{{content_info.diyinfo.huxingname}}</view>
				</view>
				<view class="huxing-01">
					<view class="fg">面积</view>
					<view class="fg-info"
						v-if="content_info.infotype_id == 5 || content_info.infotype_id == 6 || content_info.infotype_id == 7 || content_info.infotype_id == 8">
						{{content_info.diyinfo.mianji}}m²</view>
				</view>
				<view class="huxing-01">
					<view class="fg">造价</view>
					<view class="fg-info" v-if="content_info.infotype_id == 5 || content_info.infotype_id == 6">
						{{content_info.diyinfo.price}}万</view>
					<view class="fg-info" v-if="content_info.infotype_id == 8 || content_info.infotype_id == 7">
						{{content_info.diyinfo.yusuan}}万</view>

				</view>
			</view>

		</view>


		<!-- 细节展示 -->
		<view class="huxing">
			<view class="w-630">
				<view class="xj-title d-flex align-items">
					<view class="line"></view>
					<view class="xijie-t">细节展示</view>
				</view>
				<view class="xijie-img">
					<view class="tuzhi-num">{{content_info.diyinfo.content}}</view>
					<image v-for="(img,index) in content_info.diyinfo.content_images_url" :key="index" :src="img"
						mode="widthFix"></image>
				</view>

			</view>
		</view>
		<!-- 公司简介 -->
		<view class="company" @click="gosee">
			<view class="d-flex align-items w-630 justify-content-space-between">
				<view class="d-flex align-items">
					<image class="tx-gs" :src="content_info.user.avatar" mode=""></image>
					<view class="gs-t" v-if="content_info.infotype_id == 5">{{content_info.userinfo.shigong_contact}}
					</view>
					<view class="gs-t" v-else>{{content_info.userinfo.company_name ? content_info.userinfo.company_name : content_info.userinfo.company_contact}}</view>
				</view>
				<view class="go_see" @click="go_jianfang">去看看</view>
			</view>
			<view class="w-630 jianjie">{{content_info.userinfo.instr ? content_info.userinfo.instr : ''}}</view>
		</view>
		<!-- 案例 -->
		<view class="anliList">
			<u-tabs :list="anli_list" :current="current" lineWidth="48rpx" lineColor="#FF6400" :activeStyle="{
		    color: '#FF6400',
		    fontWeight: 'bold',
		    transform: 'scale(1.05)'
		}" @click="anli_click"></u-tabs>
		</view>
		<!-- 雇工信息 -->
		<view class="fengge-list" v-if="anli_list[current].id == 3">
			<view class="gugong-info" @click="go_zhaogong_detail(info_list)" v-for="(info_list,index) in infoLists"
				:key="index">
				<view class="w-650">
					<view class="guGongMiaoshu">{{info_list.content}}</view>
					<view class="type-list d-flex align-items">
						<view class="type-list-m">{{info_list.gongzhongname}}</view>
					</view>
					<view class="d-flex align-items">
						<view class="d-flex align-items pinglun-magin">
							<image class="pinlun" src="../static/pinlun_icon@1x.png" mode="widthFix"></image>
							<view class="plnum">{{info_list.pinglun}}</view>
						</view>
						<view class="d-flex align-items">
							<image class="pinlun" src="../static/dainzan_icon@1x.png" mode="widthFix"></image>
							<view class="plnum">{{info_list.zan}}</view>
						</view>
					</view>
					<view class="d-flex align-items justify-content-space-between">
						<view class="hour_time">
							<text>{{info_list.shijian}}</text>
							<text v-if="info_list.cityname">·</text>
							<text>{{info_list.cityname ? info_list.cityname : ''}}</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 证件挂靠信息 -->
		<view class="fengge-list" v-if="anli_list[current].id == 4">
			<view class="gugong-info" v-for="(info_list,index) in infoLists" :key="index">
				<view class="w-650 d-flex">
					<image class="card-img" :src="info_list.zhengjian_images_first" mode="widthFix"></image>
					<view class="">
						<view class="card-ms">{{info_list.content}}</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 施工案例 -->
		<view class="fengge-list" v-if="anli_list[current].id == 5">
			<view class="w-690">
				<view class="choose-fengge margin-top-30" v-for="(info_list,index) in infoLists" :key="index"
					@click="anli_detial(info_list)">
					<view class="image_postion">
						<image :src="info_list.zhutu_firsturl" mode="widthFix" class="fenggeImg"></image>
					</view>
					<view class="fengge-t">{{info_list.content2.title}}</view>
					<view class="type-list-1 d-flex align-items">
						<view class="type-list-m1">{{info_list.mianji}}m²</view>
						<view class="type-list-m1">长{{info_list.jinshen}}m</view>
						<view class="type-list-m1">宽{{info_list.miankuan}}m</view>
						<view class="type-list-m1">{{info_list.price}}万</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 室内设计 -->
		<view class="fengge-list" v-if="anli_list[current].id == 6">
			<view class="w-690">
				<view class="choose-fengge margin-top-30" @click="anli_detial(info_list)"
					v-for="(info_list,index) in infoLists" :key="index">
					<view class="image_postion">
						<!-- <view class="del-set">
							<view class="set_info-set" @click="set_my_info(info_list)">修改</view>
							<view class="del_go-del" @click="del_my_info(info_list)">删除</view>
						</view> -->
						<image :src="info_list.zhutu_images_firsturl" mode="widthFix" class="fenggeImg"></image>
					</view>
					<view class="fengge-t">{{info_list.content2.title}}</view>
					<view class="type-list d-flex align-items">
						<view class="type-list-m">{{info_list.mianji}}m²</view>
						<view class="type-list-m">{{info_list.price}}万</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 建房设计 -->
		<view class="fengge-list" v-if="anli_list[current].id == 7">
			<view class="w-690">
				<view class="choose-fengge margin-top-30" @click="anli_detial(info_list)"
					v-for="(info_list,index) in infoLists" :key="index">
					<view class="image_postion">
						<image :src="info_list.anli_images_first" mode="widthFix" class="fenggeImg"></image>
					</view>
					<view class="fengge-t">{{info_list.content2.title}}</view>
					<view class="type-list d-flex align-items">
						<view class="type-list-m">{{info_list.mianji}}m²</view>
						<view class="type-list-m">长{{info_list.jinshen}}m</view>
						<view class="type-list-m">宽{{info_list.miankuan}}m</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 装修案例 -->
		<view class="fengge-list" v-if="anli_list[current].id == 8">
			<view class="w-690">
				<view class="choose-fengge margin-top-30" @click="anli_detial(info_list)"
					v-for="(info_list,index) in infoLists" :key="index">
					<view class="image_postion">
						<image :src="info_list.zhutu_images_first" mode="widthFix" class="fenggeImg"></image>
					</view>
					<view class="">
						<view class="fengge-t">{{info_list.content2.title}}</view>
						<view class="type-list d-flex align-items">
							<view class="type-list-m">{{info_list.mianji}}m²</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 图纸设计 -->
		<view class="fengge-list" v-if="anli_list[current].id == 9">
			<view class="w-690">
				<view class="choose-fengge margin-top-30" @click="tuzhi(info_list)"
					v-for="(info_list,index) in infoLists" :key="index">
					<view class="image_postion">
						<image :src="info_list.pingmian_images_first" mode="widthFix" class="fenggeImg"></image>
					</view>
					<view class="fengge-t">{{info_list.content2.title}}</view>
					<view class="type-list d-flex align-items">
						<view class="type-list-m">{{info_list.mianji}}m²</view>
						<view class="type-list-m">{{info_list.jiegouname}}</view>
						<view class="type-list-m">宽{{info_list.miankuan}}m</view>
						<view class="type-list-m">长{{info_list.jinshen}}m</view>
						<view class="type-list-m">{{info_list.wudingname}}</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 产品信息 -->
		<view class="fengge-list" v-if="anli_list[current].id == 11">
			<view class="w-690">
				<view class="shopping d-flex align-items justify-content-space-between">
					<view class="shopping_list" @click="pro_info(info_list)" v-for="(info_list,index) in infoLists"
						:key="index">
						<view class="shopping_postion">
							<image class="shopping_phone" :src="info_list.product_images_first" mode="widthFix"></image>
						</view>
						<view class="">
							<view class="sp-name">{{info_list.product_name}}</view>
							<view class="sp-num"> <text class="fuhao">￥</text> {{info_list.price}}</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 底部按钮 -->
		<view class="foot_btn d-flex align-items justify-content-center">
			<view class="foot_btn-but">
				<u-button text="获取联系方式" @click="show_pop = true" color="#FF6400"></u-button>
			</view>
		</view>
		<!-- 获取电话弹窗 -->
		<view class="">
			<u-popup :show="show_pop" round="10" :safeAreaInsetBottom="false" mode="center" @close="close">
				<view class="get_phone">
					<view class="phone-t">联系方式</view>
					<view class="phone-num" v-if="content_info.infotype_id == 5">{{content_info.userinfo.shigong_phone}}
					</view>
					<view class="phone-num" v-else>{{content_info.userinfo.company_phone}}</view>
					<!-- <view class="shengyu">剩余免费次数：<text class="cishu">2次</text> </view> -->
					<view class="phone-w">
						<u-button text="确定" shape="circle" @click="show_pop=false" color="#FF6400"></u-button>
					</view>
				</view>
			</u-popup>
		</view>
	</view>
</template>

<script>
	import {
		getXinxiContent,
		setshouchang,
		deleteInfo,
		getinfotype,
		getXinxilist
	} from '@/api/user.js'
	export default {
		data() {
			return {
				keyword: '',
				current: 0,
				actionStyle: {
					color: '#FF6400',
					fontSize: '30rpx',
				},
				show_pop: false,
				list1: [],
				anli_list: [],
				infoLists: [],
				content_id: '',
				content_info: {},
				page: 1,
				limit: 7,
			}
		},
		async onLoad(option) {
			this.content_id = option.content_id
			await this.get_tuzhi_detail()
			await this.get_info_type()
			this.get_jianfang_list()
		},
		methods: {
			// 获取图纸详情
			async get_tuzhi_detail() {
				var data = {
					id: this.content_id
				}
				await getXinxiContent(data).then(res => {
					console.log("获取图纸详情", res);
					if (res.code == 1) {
						this.content_info = res.data.content_info
						if (res.data.content_info.infotype_id == 7) {
							//主体建房案例展示详情
							let m = []
							for (let s of this.content_info.diyinfo.anli_images_url) {
								console.log("选惠安的啥结果", s);
								m.push({
									image: s
								})
							}
							this.list1 = m
						}
						if (res.data.content_info.infotype_id == 8) {
							// 设计师的案例展示详情
							let m = []
							for (let s of this.content_info.diyinfo.zhutu_images_url) {
								console.log("选惠安的啥结果", s);
								m.push({
									image: s
								})
							}
							this.list1 = m
						}
						if (res.data.content_info.infotype_id == 5) {
							// 施工队的案例详情
							let m = []
							for (let s of this.content_info.diyinfo.zhutu_url) {
								console.log("选惠安的啥结果", s);
								m.push({
									image: s
								})
							}
							this.list1 = m
						}
						if (res.data.content_info.infotype_id == 6) {
							// 旧房改造公司案例展示详情
							let m = []
							for (let s of this.content_info.diyinfo.zhutu_images_url) {
								console.log("选惠安的啥结果", s);
								m.push({
									image: s
								})
							}
							this.list1 = m
						}

					}
				})
			},
			// 跳转建房主页
			go_jianfang() {
				// 施工队主页
				if (this.content_info.group_id == 2) {
					uni.navigateTo({
						url: '/pagesA/index_top/shigongdui_detail?id=' + this.content_info.group_id + '&user_id=' +
							this.content_info.user_id
					})
				}
				// 设计师主页
				if (this.content_info.group_id == 3) {
					uni.navigateTo({
						url: '/pagesA/anli_zhanshi/shejishi_detail?group_id=' + this.content_info.group_id +
							'&user_id=' + this.content_info.user_id
					})
				}
				// 家居公司、旧房改造公司、主体建房公司
				if (this.content_info.group_id == 6 || this.content_info.group_id == 7 || this.content_info.group_id ==8) {
					uni.navigateTo({
						url: '/pagesA/index_top/jianfang_detail?id=' + this.content_info.group_id + '&user_id=' +
							this.content_info.user_id
					})
				}

			},
			// 查看案例详情
			anli_detial(e) {
				console.log("跳转到案例详情", e);
				uni.navigateTo({
					url: '/pagesA/anli_zhanshi/anli_detail?content_id=' + e.content_id
				})
			},
			// 跳转到雇工信息详情页面
			go_zhaogong_detail(e) {
				uni.navigateTo({
					url: '/pagesA/zhaogong/zhaohuo_detail?id=' + e.group_id + '&user_id=' + e.user_id +
						'&content_id=' + e.content_id
				})
			},
			// 跳转到产品信息详情
			pro_info(e) {
				uni.navigateTo({
					url: '/pagesA/anli_zhanshi/shopping?id=' + e.content_id
				})
			},
			// 跳转到图纸信息详情
			tuzhi(e) {
				uni.navigateTo({
					url: '/pagesA/index_top/tuzhi_detail?content_id=' + e.content_id
				})
			},
			// 点机收藏按钮
			shoucang_click() {
				console.log("点击收藏按钮");
				var data = {
					content_id: this.content_info.id
				}
				console.log("数据库为", data);
				setshouchang(data).then(res => {
					console.log("收藏的店铺为", res);
					if (res.code == 1) {
						uni.showToast({
							title: '收藏成功',
							icon: 'success'
						})
						this.get_tuzhi_detail()
					} else {
						uni.showToast({
							title: '取消收藏',
							icon: 'none'
						})
						this.get_tuzhi_detail()
					}
				})
			},
			// 获取我发布的信息类型
			async get_info_type() {
				console.log("这个是获取我发布的类型", this.content_info.group_id);
				var data = {
					group_id: this.content_info.group_id,
				}
				await getinfotype(data).then(res => {
					console.log("获取发布类型的信息类型", res);
					if (res.code == 1) {
						this.anli_list = res.data.infotypelist;
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				})
			},
			// 查找设计
			find_sheji() {
				uni.navigateTo({
					url: '/pagesA/index_top/zhaosheji'
				})
			},
			// 查看公司信息
			gosee() {
				if (this.content_info.group_id == 2) {
					uni.navigateTo({
						url: '/pagesA/index_top/shigongdui_detail?id=' + this.content_info.group_id + '&user_id=' +
							this.content_info.user_id
					})
				}
				if (this.content_info.group_id == 3) {
					uni.navigateTo({
						url: '/pagesA/anli_zhanshi/shejishi_detail?group_id=' + this.content_info.group_id +
							'&user_id=' + this.content_info.user_id
					})
				}

			},

			// 获取我发布的信息列表
			get_jianfang_list() {
				console.log("88888888", this.anli_list);
				var data = {
					page: this.page,
					limit: this.limit,
					user_id: this.content_info.user_id,
					group_id: this.content_info.group_id,
					type: this.anli_list[this.current].id,
					own: 1
				}
				getXinxilist(data).then(res => {
					console.log("的发生大法师", res);
					if (res.code == 1) {
						if (this.page == 1) {
							this.infoLists = res.data.list
						} else {
							this.infoLists = this.infoLists.concat(res.data.list)
						}
						uni.stopPullDownRefresh()
					}
				})
			},
			// 修改发布的信息
			set_my_info(e) {
				uni.navigateTo({
					url: '/pagesB/info_fabu/guzhu_info_fabu?id=' + e.group_id + '&infotype_id=' + e.infotype_id +
						'&content_id=' + e.content_id + '&show_type_info=1'
				})
			},
			// 删除发布的消息
			del_my_info(e) {
				console.log("删除sssssss", e);
				let that = this
				var data = {
					id: e.content_id
				}
				deleteInfo(data).then(res => {
					console.log("删除发布的消息", res);
					if (res.code == 1) {
						uni.showModal({
							title: '删除信息',
							content: '确定要删除此信息吗？',
							success(s) {
								if (s.confirm) {
									uni.showToast({
										title: '删除成功',
										icon: 'none'
									})
									that.get_jianfang_list()
								}
								if (s.cancel) {
									console.log("用户点击了取消");
								}
							},
							fail(err) {
								console.log("失败了", err);
							}

						})
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				})
			},
			go_black() {
				uni.navigateBack({
					delta: 1
				})
			},
			goHome() {
				uni.switchTab({
					url: '/pages/index/index'
				})
			},
			anli_click(item) {
				console.log('item', item);
				this.current = item.index
				this.page = 1
				this.get_jianfang_list()
			},
			shejishi_detail(e) {
				console.log("雇主的id", e);
				if (e.group_id == 1) {
					// 跳转雇主的主页
					uni.navigateTo({
						url: '/pagesA/anli_zhanshi/guzhu_detail?group_id=' + e.group_id + '&user_id=' + e.user_id
					})
				}
				if (e.group_id == 3) {
					// 跳转设计师的主页
					uni.navigateTo({
						url: '/pagesA/anli_zhanshi/shejishi_detail?group_id=' + e.group_id + '&user_id=' + e
							.user_id
					})
				}

				if (e.group_id == 5 || e.group_id == 6 || e.group_id == 7) {
					// 跳转旧房改造 主体建房的主页
					uni.navigateTo({
						url: '/pagesA/index_top/cailiaoshang_detail?group_id=' + e.group_id + '&user_id=' + e
							.user_id
					})
				}
			},
		}
	}
</script>

<style>
	.type-list-m1 {
		padding: 7rpx 15rpx;
		font-size: 20rpx;
		color: #FF4D4F;
		border-radius: 4.5px;
		background: #FDF2F2;
		margin-right: 10rpx;
	}

	.card-ms {
		width: 520rpx;
		height: 80rpx;
		padding-top: 15rpx;
		font-size: 30rpx;
		font-weight: 600;
		line-height: 38rpx;
		color: #333333;
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.card-img {
		width: 110rpx;
		display: block;
		margin-right: 10rpx;
	}

	.pinlun {
		width: 45rpx;
		display: block;
	}

	.plnum {
		font-size: 26rpx;
		color: #9E9E9E;
		margin-left: 7rpx;
	}

	.pinglun-magin {
		margin-right: 50rpx;
	}

	.guGongMiaoshu-zixun {
		width: 640rpx;
		font-size: 32rpx;
		margin: auto;
		margin-bottom: 20rpx;
		color: #333333;
		line-height: 40rpx;
		font-weight: 600;
	}

	.image_postion {
		width: 690rpx;
		position: relative;
	}

	.choose-fengge {
		width: 690rpx;
		background-color: #fff;
		overflow: hidden;
		border-radius: 10rpx;
		margin-bottom: 25rpx;
	}

	.shopping_postion {
		width: 335rpx;
		position: relative;
	}

	.sp-num {
		font-size: 36rpx;
		font-weight: 600;
		color: #FF4D4F;
		margin: 0rpx 0 15rpx 24rpx;
	}

	.sp-name {
		width: 295rpx;
		font-size: 30rpx;
		color: #333;
		font-weight: 600;
		margin-left: 20rpx;
		margin-top: 20rpx;
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.shopping_phone {
		width: 335rpx;
		display: block;
		border-top-right-radius: 8rpx;
		border-top-left-radius: 8rpx;
	}

	.shopping_list {
		width: 335rpx;
		background-color: #fff;
		border-radius: 8rpx;
	}

	.shopping {
		width: 690rpx;
		margin: 20rpx auto;
		flex-wrap: wrap;
	}

	.hour_time {
		font-size: 26rpx;
		color: #999999;
	}

	.del-set {
		position: absolute;
		right: 20rpx;
		top: 30rpx;
	}

	.del_go-del,
	.set_info-set {
		font-size: 26rpx;
		color: #FF6400;
		margin-top: 20rpx;
		padding: 8rpx 20rpx;
		border-radius: 8rpx;
		background: rgba(0, 0, 0, 0.67);
	}

	.set_info-set {
		color: #FFF !important;
	}

	.set_info {
		font-size: 30rpx;
		color: #444;
		margin-left: 30rpx;
	}

	.del_go {
		font-size: 30rpx;
		color: #FF6400;
	}

	.gugong-info {
		width: 690rpx;
		background-color: #fff;
		border-radius: 10rpx;
		margin: 20rpx auto;
		padding: 25rpx 0;
	}

	.pinlun {
		width: 45rpx;
		display: block;
	}

	.plnum {
		font-size: 26rpx;
		color: #9E9E9E;
		margin-left: 7rpx;
	}

	.pinglun-magin {
		margin-right: 50rpx;
	}

	/* 获取电话弹窗 */
	.get_phone {
		width: 540rpx;
	}

	.phone-t {
		font-size: 34rpx;
		font-weight: 600;
		text-align: center;
		color: #1D2129;
		margin-bottom: 53rpx;
		padding-top: 40rpx;
	}

	.phone-num {
		font-size: 56rpx;
		font-weight: 600;
		text-align: center;
		color: #232323;
		margin-bottom: 30rpx;
	}

	.shengyu {
		font-size: 28rpx;
		font-weight: normal;
		color: #999999;
		text-align: center;
	}

	.cishu {
		font-size: 28rpx;
		font-weight: normal;
		color: #232323 !important;
	}

	.phone-w {
		width: 480rpx;
		margin: auto;
		margin-top: 29rpx;
		padding-bottom: 30rpx;
	}

	/* end */
	.foot_btn-but {
		width: 670rpx;
		margin: auto;
	}

	.foot_btn {
		width: 750rpx;
		height: 128rpx;
		position: fixed;
		bottom: 0;
		background-color: #fff;
		box-shadow: 0rpx 4rpx 23rpx 0rpx #999;
	}

	.xijie-img {
		margin-top: 20rpx;
	}

	.tuzhi-num {
		font-size: 32rpx;
		font-weight: normal;
		line-height: 50rpx;
		color: #9E9E9E;
		margin-bottom: 20rpx;
	}

	.xijie-t {
		font-size: 36rpx;
		font-weight: 600;
		color: #333333;
	}

	.line {
		width: 6rpx;
		height: 32rpx;
		background: #FF6400;
		margin-right: 10rpx;
	}

	.xj-title {
		/* padding-top: 30rpx; */
	}

	.fg {
		font-size: 24rpx;
		font-weight: 500;
		line-height: 38rpx;
		color: #666;
	}

	.fg-info {
		height: 30rpx;
		font-size: 28rpx;
		font-weight: 600;
		line-height: 38rpx;
		color: #333333;
	}

	.huxing-01 {
		width: 25%;
		text-align: center;
	}

	.huxing {
		width: 690rpx;
		background-color: #fff;
		padding: 30rpx 0;
		margin: 30rpx auto;
		border-radius: 10rpx;
	}

	.type-list {
		margin-left: 20rpx;
		padding-bottom: 40rpx;
	}

	.type-list-m {
		padding: 7rpx 15rpx;
		font-size: 20rpx;
		color: #FF4D4F;
		border-radius: 4.5px;
		background: #FDF2F2;
		margin-right: 10rpx;
	}

	.fengge-t {
		font-size: 30rpx;
		font-weight: 700;
		line-height: 50rpx;
		color: #333333;
		margin: 27rpx 0 10rpx 20rpx;
	}

	.fenggeImg {
		width: 690rpx;
		display: block;
	}

	.choose-fengge {
		width: 690rpx;
		background-color: #fff;
		overflow: hidden;
		border-radius: 10rpx;
		margin-bottom: 25rpx;
		padding-bottom: 20rpx;
	}

	.anliList {
		width: 690rpx;
		margin: auto;
		margin-top: 50rpx;
	}

	.jianjie {
		font-size: 28rpx;
		line-height: 46rpx;
		color: #999999;
	}

	.go_see {
		width: 110rpx;
		height: 48rpx;
		font-size: 24rpx;
		line-height: 50rpx;
		text-align: center;
		color: #FEFFFE;
		border-radius: 8rpx;
		background: #FF6400;
	}

	.gs-t {
		font-size: 32rpx;
		font-weight: normal;
		color: #1C2023;
	}

	.tx-gs {
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
		display: block;
		margin-right: 20rpx;
	}

	.company {
		width: 690rpx;
		margin: auto;
		margin-top: 30rpx;
		background: #fff;
		border-radius: 10rpx;
		padding: 30rpx 0;
	}

	.dwImg {
		width: 32rpx;
		display: block;
	}

	.go_sheji {
		width: 110rpx;
		height: 48rpx;
		border-radius: 4rpx;
		opacity: 1;
		font-size: 24rpx;
		text-align: center;
		color: #FEFFFE;
		line-height: 46rpx;
		background: #FF6400;
		margin-top: 30rpx;
		margin-right: 30rpx;
	}

	.type-list-1 {
		margin: 20rpx 0 0 24rpx;
	}

	.type-list-m-1 {
		padding: 7rpx 15rpx;
		font-size: 20rpx;
		color: #FF6400;
		border-radius: 4.5px;
		background: #FFF0E7;
		margin-right: 15rpx;
	}

	.company-t {
		font-size: 24rpx;
		color: #999999;
		margin-top: 10rpx;
		margin-left: 10rpx;
	}

	.name-t {
		font-size: 32rpx;
		font-weight: 600;
		color: #1C2023;
		margin-left: 10rpx;
	}

	.gs-list {
		width: 450rpx;
	}

	.name-tit {
		padding-top: 30rpx;
	}

	.img-list {
		padding: 30rpx 0 0 24rpx;
	}

	.touxiang-img {
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
		display: block;
		margin-right: 10rpx;
	}

	.scroll-view-item_H {
		width: 690rpx;
		padding-bottom: 20rpx;
		border-radius: 10rpx;
		background: #fff;
		margin: 20rpx auto;
	}

	.sheji {
		padding-bottom: 20rpx;
		font-size: 30rpx;
		font-weight: 600;
		margin-top: 20rpx;
		color: #333333;
		margin-left: 30rpx;
	}

	.shoucang {
		width: 64rpx;
		display: block;
		position: absolute;
		top: 30rpx;
		right: 40rpx;
	}

	.lunbo {
		width: 750rpx;
		background: #fff;
		overflow: hidden;
		position: relative;
	}

	.liucheng {
		width: 750rpx;
		height: 102rpx;
		background-color: #fff;
	}

	page {
		background-color: #F7F8FB;
		padding-bottom: 120rpx;
	}
</style>